<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8"/>
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>Yaak App</title>
<!--  <script src="http://localhost:8097"></script>-->

  <!-- Certain elements like webview (and maybe <select>?) will use background
  color depending on document background color-->
  <style>
    html, body {
      background-color: white;
    }

    @media (prefers-color-scheme: dark) {
      html, body {
        background-color: #1b1a29;
      }
    }
  </style>
</head>

<body class="text-base">
<div id="root"></div>
<div id="cm-portal" class="cm-portal"></div>
<div id="react-portal"></div>
<div id="radix-portal" class="cm-portal"></div>
<script type="module" src="/theme.ts"></script>
<script type="module" src="/font-size.ts"></script>
<script type="module" src="/main.tsx"></script>
</body>
</html>
